import {mapGetters} from 'vuex'
export default{
    // 将 m_cart 模块中的 total 映射为当前页面的计算属性
    computed:{
        ...mapGetters('m_cart',['total'])
    },
    // 利用生命周期，在页面刚展示的时候，设置数字徽标
    onShow() {
      this.setBadge()  
    },
    methods:{
        setBadge(){
            if(this.total !== 0){
              // 调用 uni.setTabBarBadge() 方法，为购物车设置右上角的徽标
            uni.setTabBarBadge({
                index:2,  //tabBar索引
                text:this.total + ''   // 注意：text 的值必须是字符串，不能是数字
            })  
            }else if(this.total == 0){
                uni.hideTabBarRedDot({
                    index:2
                })
            }
             
        }
    },
    watch:{
        total(newVal){
            this.setBadge()
        }
    }
}